body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0;box-sizing: border-box; } 
body, button, input, select, textarea { font:14px/1.5 "Microsoft YaHei";} 
h1, h2, h3, h4, h5, h6{ font-size:100%; } 
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Microsoft YaHei;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
h4{    font-size: 18px;}
address, cite, dfn, em, var { font-style:normal; } 
code, kbd, pre, samp { font-family:couriernew, courier, monospace; } 
small{ font-size:12px; } 
ul, ol { list-style:none; } 
a { text-decoration:none; } 
/*a:hover { text-decoration:underline; } 
a:focus, a:hover {color: #000;text-decoration: none;}*/
sup { vertical-align:text-top; } 
sub{ vertical-align:text-bottom; } 
legend { color:#000; } 
fieldset, img { border:0; } 
button, input, select, textarea { font-size:100%; } 
table { border-collapse:collapse; border-spacing:0; }
i{font-style: normal;}
input{outline: 0;}
body{font-size: 12px;font-family: Microsoft YaHei;}
.cl:after {clear: both;content: '.';display: block;width: 0;height: 0;visibility: hidden;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #d2a157; opacity:1; 
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #d2a157;opacity:1;
}

input:-ms-input-placeholder{
    color: #d2a157;opacity:1;
}

input::-webkit-input-placeholder{
    color: #d2a157;opacity:1;
}
textarea {resize: none;}
.fr{float: right;}
.fl{float: left;}
.clearfix:before,.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	zoom: 1;
 }
 /*基础宽度*/
.w{width: 1220px;text-align: center;margin: 0 auto;}
*{box-sizing: border-box;}
[v-block]{display: none;}


body{background: #f4f4f4;}
#app{margin-top: 44px;}
#head{width:100%;height:44px;line-height:44px;color:#fff;background: #2F475F;font-size:18px;text-align: center;position:fixed;top:0;z-index: 10;}
#head span{width:auto;height:22px;line-height:22px;position:absolute;top:11px;}
#head span:first-child{left:10px;width:50px;text-align: left;}
#head span:last-child{right:10px;font-size:17px;}
#head span img{height: 100%}
#head span a{color:#fff;}
#fotter{width:100%;height:50px;position:fixed;bottom:0;background: #fff;z-index: 10;border-top:1px solid #eee;}
#fotter > a{width:20%;height:100%;float:left;text-align: center;display: block;}
#fotter > a img{height: 20px;margin-top: 7px;}
#fotter > a p{width: 100%;color:#CCCCCC;font-size:12px;}
.fotter-active{color:#2F475F!important;}


.service{width:100%;height:44px;line-height:44px;background:#3974F6;vertical-align: middle;}
.service img{float:right;padding-right: 12px;height:20px;margin-top: 11px;}
.user{width:100%;height:102px;background:#3974F6;padding:0 12px;color:#fff;font-size:16px;}
.user .name{width:100%;height:40px;line-height:40px;float:left;}
.user .name img{height:60px;width:60px;border-radius:50%;margin-right: 13px;float:left;}
.user .money{width:100%;height:62px;float:left;}
.user .money > div{width:75px;height:62px;float:left;margin-right: 27px;}
.user .money > div:first-child{margin-left: 53px;}
.user .money > div:last-child{margin-right: 0px;}
.user .money > div p{width:100%;height:26px;font-size:20px;color:#fff;}
.user .money > div span{color:#fff;font-size:12px;}
.balance{width:100%;height:58px;background: #fff;margin-bottom:6px;padding: 0 12px;float:left;}
.balance > div{width:50%;height:58px;float:left;}
/*.balance > div:last-child{padding-top:17px;display: none;}*/
.balance > .balance-l p{width:100%;margin-top: 10px;color:#999999}
.balance > .balance-l span{font-size:14px;color:#F1826E}
.balance > .balance-r a{display: inline-block;float:right;line-height:25px;width:60px;text-align:center;height:25px;border-radius:3px;font-size:14px;;}
.balance > .balance-r a:first-child{color:#F1826E;border:1px solid #F1826E;margin-left:12px ;}
.balance > .balance-r a:last-child{color:#fff;background:#F1826E ;}
.main{width:100%;height:calc(100vh - 260px);padding: 0 12px;background: #F6F6F6;float:left;overflow: auto;}
.main > a{padding-right:10px;padding-left:10px;border-radius:5px;background:#fff;width:100%;height:50px;display:block;position:relative;line-height:50px;vertical-align: middle;border-bottom: 1px solid #F4F4F4;}
.main > a > img{width:20px;height:20px;vertical-align: middle;margin-right: 13px;}
.main > a > span{font-size:16px;color:#333333;}
.main > a > div{height:50px;display: inline-block;float:right;}
.main > a > div span{width:20px;text-align:center;position:absolute;top:16px;right:20px;line-height:20px;height:20px;font-size:12px;color:#fff;background: #F1826E;border-radius:50%;}
.main > a > div img{height:20px;margin-top:0px;vertical-align: middle;}
.msg{display: none}
.AM-button .no{color:#F1826E!important;}
.AM-button .ok{color:#3974F6!important;}
.wapAlert-manager-layer .wapAlert-Main > .AM-button{border: none!important;}
.wapAlert-manager-layer .wapAlert-Main > .AM-button > a:after{border: none!important;}

.TipsWindown {position: fixed;width: 100%;height: 100%;bottom: 0;left: 0;z-index: 100;}
.TipsWindown .shadeIn {width: 100%;height: 100%;overflow: hidden;}
.TipsWindown .shadeIn {background: rgba(0, 0, 0, 0.6);}
.selBankBox {position: absolute; bottom: 0; max-height: 294px;width: 100%;}
.selBankBox {background: #fff;}
.selBankBox h1 {padding: 10px!important;font-size: 16px;height: 42px;text-align: center;font-weight: normal;}
.selBankBox h1 {color: #387ef5;border-bottom: 1px solid #ececec; background: #dcdcdc;}
.selBankBox h1 a:last-child {float: right;color: #387ef5;}
.selBankBox dl {max-height: 252px;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.selBankBox dl dt {padding: 10px;font-size: 12px;}
.selBankBox dl dt {padding-top: 0!important;padding-bottom: 0!important;padding-left: 10px;padding-right: 10px; height: 42px;line-height: 42px;}
.selBankBox dl dt {border-width: 0 0 1px 0;border-color: #ddd;border: 1px solid #f3f0f0;border-top: none;}
.selBankBox dl dt i {float: right;font-size: 22px;color: #d3d3d3;}
.confirm-yes {color: #23cb15 !important;}